<link rel="stylesheet" type="text/css" href="../addons/jy_renwu/resource/task.css"/>
<title>任务中心</title>
<div class="fui-page">
    <div class="fui-header">
        <div class="fui-header-left">
            <a class="back" ng-click="goback()"></a>
        </div>
        <div class="title">任务中心</div>
        <div class="fui-header-right">
            <a href="javascript:;" ng-click="access_json('jy_weishop/index/')">商城首页</a>
        </div>
    </div>
    <div class="fui-content">
        <div class="taskhead" style="background: url('{{tomedia(pagedata.set.bg_img) || '../addons/jy_renwu/resource/images/sky.png'}}') no-repeat 50%;background-size: cover;">
            <img ng-src="{{tomedia(pagedata.member.avatar)}}" alt="" />
            <div class="title">{{pagedata.member.nickname}}</div>
        </div>
        <div class="tasktabs">
            <a href="javascript:;" ng-click="access_json('/reward/')" class="external">
                <i class="icon icon-jilu"></i>奖励记录
            </a>
            <a href="javascript:;" ng-click="access_json('/mine/')" class="external">
                <i class="icon icon-gift"></i>我的任务
            </a>
        </div>
        <div ng-if="pagedata.list.length==0" style="height: 7rem;line-height:7rem;width: 100%;text-align: center;color: #d0d0d0;font-size: 1rem">暂时没有任何任务</div>

        <div class="task-list-group">
         
            <!--解析奖励-->
          
            <div ng-repeat="li in pagedata.list" class="task-list">
                <a href="javascript:;" ng-click="access_json('/detail//id='+li.id+'&rid='+li.rid)" class="task-list-media">
                    <img ng-src="{{tomedia(li.image)}}" alt="" />
                </a>
                <a href="javascript:;" ng-click="access_json('/detail//id='+li.id+'&rid='+li.rid)" class="task-list-inner">
                    <div class="title">{{li.title}}</div>
                    <!--显示奖励小图标-->
                    <div class="task-icon-group">
                        <i ng-if="li.reward.credit1" class="icon icon-jifen"></i>
						<i ng-if="li.reward.credit2" class="icon icon-yue"></i>
                        <i ng-if="li.reward.red" class="icon icon-hongbao"></i>
                        <i ng-if="li.reward.reward_goods" class="icon icon-shangpin"></i>
                        <i ng-if="li.reward.reward_coupon" class="icon icon-youhuiquan"></i>
                    </div>
                </a>
                <div class="task-list-right">
                   
                        <a ng-if="!li.task_demand" class="pickit" href="javascript:;" ng-click="access_json('/pickTask//taskid='+li.id)">做任务</a>
                 
                        <div ng-if="li.task_demand>0 && (li.task_demand>li.task_progress)" class="progress">
                            <div class="progress-inner" style="width: {{li.task_progress/li.task_demand*100}}%"></div>
                        </div>
                        <div ng-if="li.task_demand>0 && (li.task_demand>li.task_progress)" class="times">
                           {{li.task_progress}}/{{li.task_demand}}
                        </div>
                   
					{{ifelse((li.task_demand>0&&(li.task_demand==li.task_progress)),'已完成','')}}
                </div>
                <div class="task-list-mask"></div>
            </div>
        </div>
    </div>
</div>
<div ng-include="sys_html('_footer')"></div>